body {
  font-size: 14px;
}

:root {
  --mg-primary-color: #295dfa;
  --mg-primary-hover-color-lighter: #547dfb;
  --mg-primary-hover-color: #053eeb;
  --mg-border-color: #dcdfe6;
  --mg-border-radius-base: 6px;
  --mg-example-padding: 24px;
}

:root {
  --vp-c-brand: var(--mg-primary-color);
  --vp-c-brand-light: var(--mg-primary-hover-color);
  --vp-c-brand-lighter: var(--mg-primary-hover-color-lighter);
  --vp-c-brand-dark: var(--mg-primary-color);
  --vp-c-brand-darker: var(--mg-primary-hover-color);
}
